<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册百度账号</title>
    <style>
        b{
            font-size: 14px;
        }
        .div{
            margin:50px auto;
            width: 400px;
            height: 800px;
        }
        .passbutton{

            height:60px;
            font-size:14px;
            cursor:pointer;
            color:gray;
            border:0;
            background: ghostwhite;
            border: 1px solid;

        }
        .registerbutton{
            margin-left:30px;
            width:320px;
            height:50px;
            color:white;
            border-radius: 5px;
            background: #3f89ec;
        }
    </style>
</head>
<body>
    <div class="div">
        <img src="https://passport.baidu.com/export/reg/logo-tieba.png" alt="baidu"> |
    <font color="gray"> <b> 注册百度账号</b> </font><br>
    <HR><br><br>
    <font color="gray"> <b> 用户名</b> </font> <input type="username" name="username" placeholder="请设置用户名" style="width:300px;height:30px"><br><br>
    <font color="gray"> <b> 手机号</b> </font> <input type="text" name="telephone" placeholder="可用于等可以和找回密码" style="width:300px;height:30px"><br><br>
    <font color="gray"> <b> 密&nbsp;&nbsp;&nbsp;码</b> </font>   <input type="password" name="password" style="width:300px;height:30px" placeholder="密码"><br><br>
    <font color="gray"> <b> 验证码</b> </font> <input type="text" name="authcode"  placeholder="请输入验证码" style="width:185px;height:30px">
    <button type="button"  style="width=160px;height:35px" class="passbutton" onclick="alert('验证码已发出，请注意查收！')">获取短信验证码</button><br><br>
    <div style="font-size: 12px;margin-left: 30px;">
        <input type="checkbox" name="check">阅读并接受
        <a href="http://passport.baidu.com/static/passpc-account/html/protocal.html">《百度用户协议》</a>
        及<a href="https://www.baidu.com/duty/yinsiquan.html">百度隐私权保护声明</a><br><br>

    </div>
        <input type="button" class="registerbutton" name="login" value="注册">
    </div>

</body>
</html>